<template src="./template.html"></template>

<script>
import MenusMini from '../menus'
import { menus } from './consts'

export default {
  components: {
    'menus-mini': MenusMini
  },
  data() {
    return {
      menus,
      isPageLoading: false
    }
  },
  computed: {
    routeName() {
      return this.$route.name
    },
    newMenus() {
      return this.menus.map(it => {
        it.isActive = (it.routeName === this.routeName);
        return it;
      })
    },
  },
  methods: {
    $goPage(it) {
      this.$router.replace({
        name: it.routeName,
        params: {
          id: this.courseId
        }
      })
    }
  },
  mounted() {
  },

}
</script>
